<template>
  <div class="w-full h-10 text-lg m-1 border-l-4 border-l-yellow-400 flex justify-around items-center text-white">
    <div @click="active = 'ds'" :class="active === 'ds' ? 'text-yellow-300 border-b-2 border-b-yellow-300' : ''">
      代收明细
    </div>
    <div @click="active = 'df'" :class="active === 'df' ? 'text-yellow-300 border-b-2 border-b-yellow-300' : ''">
      代付明细
    </div>
  </div>

  <Order :type="active" />

</template>
<script setup lang="ts">
import { ref } from 'vue'
import Order from './components/order.vue'

const active = ref('ds')

</script>